{extend name="common/base" /}
<!--title-->
{block name="titlekeyword"}
<title>{$content}</title>

{/block}
<!--代码主要内容-->
{block name="main"}
<h6>内容</h6>
<h1>英雄排行</h1>

<table border=1px id="mytab">
	<tr>
		<td>排名</td>
		<td>姓名</td>
		<td>外号</td>
	</tr>
	<tr>
		<td>1</td>
		<td>宋江</td>
		<td>及时雨</td>
	</tr>
	<tr>
		<td>2</td>
		<td>卢俊义</td>
		<td>玉麒麟</td>
	</tr>
</table>
<input type="button" onclick="test()" value="testing" />
<h6>代码</h6>
<pre>
		页面

		&lt;table border=1px id="mytab"&gt;
		&lt;tr&gt;&lt;td&gt;排名&lt;/td&gt;&lt;td&gt;姓名&lt;/td&gt;&lt;td&gt;外号&lt;/td&gt;&lt;/tr&gt;
		&lt;tr&gt;&lt;td&gt;1&lt;/td&gt;&lt;td&gt;宋江&lt;/td&gt;&lt;td&gt;及时雨&lt;/td&gt;&lt;/tr&gt;
		&lt;tr&gt;&lt;td&gt;2&lt;/td&gt;&lt;td&gt;卢俊义&lt;/td&gt;&lt;td&gt;玉麒麟&lt;/td&gt;&lt;/tr&gt;
		&lt;/table&gt;
		&lt;input type="button" onclick="test()" value="testing" /&gt;
		
		js
		
		&lt;script language="javascript"&gt;
			function test() {
				//取出所有行
				var myrows = mytab.rows;
				window.alert(myrows.length); //3
				//rows 行 cells 列
				window.alert(myrows[1].cells[2].innerText) //及时雨
				window.alert(myrows[2].cells[2].innerHTML)  //玉麒麟
				//&lt;mytab.rows 所有行
				for (var i = 0; i &lt; mytab.rows.length; i++) {
					//取出一行
					var eachRow = mytab.rows[i];
					//遍历该行 eachRow.cells这一行有多少列
					for (var j = 0; j &lt; eachRow.cells.length; j++) {
						//取出数据
						window.alert(eachRow.cells[j].innerText);
					}
				}
			}
		&lt;/script&gt;


	 </pre> {/block}
<!--底部js 在这里是js的实际代码区-->
{block name="footjs"}
<script language="javascript">
	function test() {
		//取出所有行
		var myrows = mytab.rows;
		window.alert(myrows.length); //3
		//rows 行 cells 列
		window.alert(myrows[1].cells[2].innerText) //及时雨
		window.alert(myrows[2].cells[2].innerHTML)  //玉麒麟
		//<mytab.rows 所有行
		for (var i = 0; i < mytab.rows.length; i++) {
			//取出一行
			var eachRow = mytab.rows[i];
			//遍历该行 eachRow.cells这一行有多少列
			for (var j = 0; j < eachRow.cells.length; j++) {
				//取出数据
				window.alert(eachRow.cells[j].innerText);
			}
		}
	}
</script> {/block}